#navScroller { background: url(../images/bg-aside.png) repeat-y;   }
#main > aside { width: 220px; padding: 10px; display: block; float: left;  }
#main > aside h3 { background: url(../images/bg-side-h3.png) no-repeat; width: 220px; height: 29px; line-height: 29px; text-indent: 10px; font-size: 14px; margin-bottom: 10px; }
#navScroller li { background: url(../images/bg-dot.png) repeat-x bottom left;padding-bottom: 1px;  }
#navScroller li a { color: #000; font-size: 14px; height: 40px; line-height: 40px; padding-left: 40px; background: url(../images/icon-side2.png) no-repeat; margin-left: 3px;  }
#navScroller li:nth-child(1) a { background-position: -250px 4px; }
#navScroller li:nth-child(2) a { background-position: -200px -45px; }
#navScroller li:nth-child(3) a { background-position: -150px -85px;}
#navScroller li:nth-child(4) a { background-position: -120px -120px; }
#navScroller li:nth-child(5) a { background-position: -120px -120px; }
#navScroller li:nth-child(6) a { background-position: -87px -146px; }
#navScroller li:nth-child(7) a { background-position: -50px -195px; }
#navScroller li:nth-child(8) a { background-position: 0 -245px; }


#navScroller li a {background-size:40px 40px;}
#navScroller li:nth-child(1) a { background:url(../images/icon_forum.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(2) a { background:url(../images/icon_calendar.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(3) a { background:url(../images/icon_message.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(4) a { background:url(../images/icon_chat.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(5) a { background:url(../images/icon_downloaddoc.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(6) a { background:url(../images/icon-logout.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(7) a { background:url(../images/icon_calendar.png) no-repeat;background-size:40px 40px;}
#navScroller li:nth-child(8) a { background:url(../images/icon_calendar.png) no-repeat;background-size:40px 40px;}

/*#main > aside li a { color: #000; font-size: 14px; height: 40px; line-height: 40px; padding-left: 40px; background: url(../images/icon-side2.png) no-repeat; margin-left: 3px;  }
#main > aside li:nth-child(1) a { background-position: -250px 4px; }
#main > aside li:nth-child(2) a { background-position: -200px -45px; }
#main > aside li:nth-child(3) a { background-position: -150px -85px;}
#main > aside li:nth-child(4) a { background-position: -120px -120px; }
#main > aside li:nth-child(5) a { background-position: -120px -120px; }
#main > aside li:nth-child(6) a { background-position: -87px -146px; }
#main > aside li:nth-child(7) a { background-position: -50px -195px; }
#main > aside li:nth-child(8) a { background-position: 0 -245px; }*/



#main > article { display: block; float: left; width: 735px; margin-left: 15px; padding: 10px 0 0;}
#main > article > section { margin-top: 20px; }
#main > article > section#featured { margin-top: 0px; }
#main > article > h2 a, #main > article > h2  { color: #414141; display: inline; font-size: 18px; }
a.edit_profile { padding: 0 0 0 35px; background: url(../images/icon-edit_profile.png) no-repeat; height: 30px; line-height: 24px; color: #545456; display: inline-block; font-size: 11px; margin-left: 10px;}
#main > article > h3 { font-size: 14px; margin-bottom: 5px; }
#recent { border-bottom: solid 1px #dcdcdc; padding-bottom: 10px; margin: 0; }
#recent a { margin-right: 23px;  }
#recent a:last-child { margin-right: 0px;  }
#main > article h4 { font-size: 24px; border-bottom: solid 1px #dcdcdc; line-height: 250%; margin-bottom: 25px; margin-top:0;}
#main > article h4 { height: 50px; line-height: 40px; padding-left: 50px; background: url(../images/icon-side2-white.png) no-repeat; margin-left: 3px;  }
#main > article h4.webboard { background-position: -375px -0px; background-size:450px; }
#main > article h4.calendar { background-position: -300px -77px; background-size:450px; }
#main > article h4.message { background-position: -226px -137px; background-size:450px; }
#main > article h4.document { background-position: -184px -179px; background-size:450px; }







#calendar { float: left; }
#calendar, #calendar table { width: 435px; background: #fff; border: solid 1px #e4e4e4; position: relative; }
#calendar table  { border-spacing: 20px 12px; border-collapse: separate; left: -3px; top: -3px;  }
#calendar table td, #calendar table tbody th { background-color: #edeeee; width: 38px; height: 28px; border: solid 1px #dadbdb; text-align: center; vertical-align: middle; color: #585858; }
#calendar table td{cursor: pointer;}
#calendar table td.other { background: #fff; border: solid 1px #ebebeb; color: #999898; }
#calendar table td.event { background: #3ac6fc; border: solid 1px #35b6e8; color: #fff;  }
#calendar table td.active { background: #f46541; border: solid 1px #e15d3c; color: #fff; }

#calendar table thead th a { width: 20px; height: 20px; background: url(../images/btn-calendar.png) no-repeat 0 -20px; display: block; }
#calendar table thead th:first-child a { background-position:  0 -20px;  }
#calendar table thead th:last-child a { background-position: -20px -20px; float: right; }
#calendar table thead th:first-child a:hover { background-position: 0 0; }
#calendar table thead th:last-child a:hover { background-position: -20px 0; }


#search { width: 220px; display: block; float: left; margin: 5px 0 0 40px; }
#search dt { background: url(../images/hd-search_catalog.png) no-repeat; height: 41px; font-size: 14px; color: #f3d654; font-weight: bold; text-indent: 5px; line-height: 56px;}
#search dd { margin: 0; padding: 5px 0 0 0;} 
#search dd li { margin: 0; padding: 0; display: block; float: left; margin-top: 5px;}
#search dd a { width: 54px; height: 60px; overflow: hidden; text-indent: -1000em; margin: 0; padding: 0; background: url(../images/icon-search_by_map.png) no-repeat;}
#search dd li:nth-child(4n-1) { width: 55px;  }
#search dd li:nth-child(4n) { width: 56px;  }





#search dd li:nth-child(1) a { background-position: 0 0; }
#search dd li:nth-child(2) a { background-position: -52px 0; }
#search dd li:nth-child(3) a { background-position: -110px 0; }
#search dd li:nth-child(4) a { background-position: -165px 0; }
#search dd li:nth-child(5) a { background-position: 0 -64px; }
#search dd li:nth-child(6) a { background-position: -52px -64px; }
#search dd li:nth-child(7) a { background-position: -110px -64px; }
#search dd li:nth-child(8) a { background-position: -165px -64px; }
#search dd li:nth-child(9) a { background-position: 0 -128px; }
#search dd li:nth-child(10) a { background-position: -52px -128px; }
#search dd li:nth-child(11) a { background-position: -110px -128px; }
#search dd li:nth-child(12) a { background-position: -165px -128px; }
#search dd li:nth-child(13) a { background-position: 0 -192px; }
#search dd li:nth-child(14) a { background-position: -52px -192px; }
#search dd li:nth-child(15) a { background-position: -110px -192px; }
#search dd li:nth-child(16) a { background-position: -165px -192px; }


#activity{ width: 260px; display: block; float: left; margin: -20px 0 0 20px; }
#activity strong{font-size: 14px;}
#activity dt { /*background: url(../images/hd-search_catalog.png) no-repeat;*/ height: 31px; font-size: 16px; color: #f3d654; font-weight: bold; text-indent: 0px; line-height: 41px;}
#activity dd { margin: 0; padding: 5px 0 0 0;} 
#activity dd li { font-size:14px; margin: 0 0 0 10px; padding: 0 0 0 20px; display: block; float: left; margin-top: 5px;  clear: both; background:url(../images/activity_icon.gif) no-repeat left center;}




#event dt { font-size: 14px; color: #00adef; font-weight: bold; padding-bottom: 15px; }
#event dt a{ color: #00adef; }
#event dd { padding: 0; margin: 0; }
#event dd table { width: 100%;  }
#event dd td { border-top: solid 1px #dcdcdc; padding: 10px 0px; color: #1c1c1c; }
#event dd tbody tr td:nth-child(1) { background: url(../images/bg-number.png) no-repeat center 10px; width: 35px; text-align: center; padding: 17px 0 0; font-weight: bold; }
#event dd tr td:nth-child(2) { padding-left: 30px; padding-right: 10px; font-weight: bold;  }
#event dd tr td:nth-child(3) { width: 100px; padding-right: 20px;  }
#event dd tr td:nth-child(4) { color: #707070; width: 260px; padding-right: 10px; }
#event dd tr td:nth-child(4) strong { color: #1c1c1c; }
#event dd tr td:nth-child(5) { width: 120px; } 
#event dd tr td:nth-child(5) a { display: block; font-size: 11px; height: 30px; line-height: 30px; padding-left: 30px; background: url(../images/icon-tool.png) no-repeat; }
#event dd tr td:nth-child(5) a:nth-child(2) { background-position: 0 -29px; }
#event dd tfoot td { color: #555; text-align: right;  }
#event dd tfoot td label, #event dd tfoot td a { height: 25px; line-height: 25px; background: #d9d7d7; display: inline-block; padding: 0 10px; color: #555; border-radius: 3px; font-size: 11px; font-weight: bold;  }
#event dd tfoot td a.active { background: #ffc536; color: #fff; }


#event dt.black { color: #000;padding-bottom: 10px; }
#event dd ul.latest{ list-style:none; margin:0; padding:0; color:#6d6d6d; cell-space:20px; }
#event dd ul.latest li{ padding:10px 0 10px 080px; display:block; border-bottom:1px solid #dddddd;}
#event dd ul.latest li span.time{ margin-left:-70px; position:absolute;}


#login a{ color:#4cb848; font-weight:bold; font-size:14px; line-height:26px;}

.ie7 a.edit_profile { position: relative; top: 5px; }



/* -------------------------FORUM----------------------------------- */
table.bordered {
    *border-collapse: collapse; /* IE7 and lower */
	border-collapse: separate !important;
    border-spacing: 0;
    width: 100%;
	font-size:14px;
}


.bordered {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         
}

.bordered tr:hover {
    background: #fbf8e9;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.bordered td, .bordered th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    text-align: left;    
}

.bordered th {
	color:#FFF;
    background-color: #dce9f9;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#73923d), to(#6b8a4f));
    background-image: -webkit-linear-gradient(top, #73923d, #6b8a4f);
    background-image:    -moz-linear-gradient(top, #73923d, #6b8a4f);
    background-image:     -ms-linear-gradient(top, #73923d, #6b8a4f);
    background-image:      -o-linear-gradient(top, #73923d, #6b8a4f);
    background-image:         linear-gradient(top, #73923d, #6b8a4f);
    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
    -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
    box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        
    border-top: none;
	text-align: center;
    /*text-shadow: 0 1px 0 rgba(255,255,255,.5); */
}

.bordered td:first-child, .bordered th:first-child {
    border-left: none;
}

.bordered th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.bordered th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.bordered th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.bordered tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.bordered tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

.bordered tr:nth-child(odd)    { background-color:#eee; }
.bordered tr:nth-child(even)    { background-color:#fff; }


/* BEGIN PageBar */



.pagebarUTH { font-size: 14px;font-family:verdana; padding: 0.2em 0.5em; margin-right: 0.1em; /*border: 1px solid #FFF;*/  text-decoration: none; padding-left:100px; }
.pagebarUTH a, .pageList .this-page {color: #693; background:#FFF; text-decoration: underline;border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH a:hover {border: 1px solid #693;} 
.pagebarUTH a:visited {color: #693; text-decoration: underline; border: 1px solid #E3E3E3; text-decoration: none; padding: 0.2em 0.5em; }
.pagebarUTH .break { padding: 2px 6px; border: none; background: #FFF; text-decoration: none; }
.pagebarUTH .this-page { border: 1px solid #693; padding: 0.2em 0.5em; font-weight: bold; background: #693; color: #FFF; }
.pagebarUTH a:active{color: #360; text-decoration: underline;
}

/* END PageBar */




#detail div.black { color: #FFF;padding: 5px 10px; background:#009ce8; }
#detail ul.latest{ list-style:none; margin:0; padding:0; color:#6d6d6d; cell-space:20px; }
#detail ul.latest li{ padding:10px 0 10px 0px; display:block; border-bottom:1px solid #dddddd; position:relative; overflow:hidden;}
#detail ul.latest li div.member{display:block; width:120px; float:left; margin:0 10px 0 0;}
#detail ul.latest li div.member a.name{ color:#009ce8; font-weight:bold;}
#detail ul.latest li div.post{  display:block; width:auto; float:left}
#detail ul.latest li div.post h3{color: #009ce8; margin:0; padding:0px;}
#detail ul.latest li div.post .meta{ display:block; overflow:hidden; font-size:11px; color:#999}



/* -----------------COMMENT------------------ */
#comments {
    float: left;
    padding: 0 20px 0 0;
    width: 670px;
}
#comments-meta p {
    margin: 0;
    padding: 5px 0;
}

#comments ol li {
    list-style: none outside none;
}
ol.commentlist li {
    background: url("../images/comment.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 10px 0 0 10px;
}

ol.commentlist li.alt {
    background: url("../images/comment.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 10px 0 0 32px;
}
ol.commentlist li ul.children {
    list-style: none outside none;
    text-indent: 0;
}
ol.commentlist li ul.children li {
    background: url("../images/comment.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 10px 0 0 32px;
}
ol.commentlist li ul.children li.alt {
    background: url("../images/comment.png") no-repeat scroll left top transparent;
    margin: 20px 0;
    padding: 10px 0 0 32px;
}

ol.commentlist {
    margin:0 0 50px 0;
	padding:0px;
	list-style:none;
}
ol.commentlist .comment-body{}
ol.commentlist li{ margin:0px 50px 0 50px; position:relative; padding:10px; border-radius: 6px;}
/*ol.commentlist li:nth-child(odd)  { background:#dddddd url("../images/comment.png") no-repeat scroll left 40px ; margin:40px 120px 20px 100px; }
ol.commentlist li:nth-child(even) { background:#deedbf url("../images/comment-green.png") no-repeat scroll right 40px; margin:40px 100px 20px 120px; }



ol.commentlist li:nth-child(odd):before {
    border-color: #DDD #DDD transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: -20px;
    position: absolute;
    top: 5px;
    width: 0;
}

ol.commentlist li:nth-child(even):after {
    border-color: #deedbf transparent transparent #deedbf;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    right: -20px;
    position: absolute;
    top: 5px;
    width: 0;
}*/




ol.commentlist li.odd  { background:#dddddd url("../images/comment.png") no-repeat scroll left 40px ; margin:40px 120px 20px 100px; }
ol.commentlist li.even { background:#deedbf url("../images/comment-green.png") no-repeat scroll right 40px; margin:40px 100px 20px 120px; }
ol.commentlist li.odd:before {
    border-color: #DDD #DDD transparent transparent;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    left: -20px;
    position: absolute;
    top: 5px;
    width: 0;
}

ol.commentlist li.even:after {
    border-color: #deedbf transparent transparent #deedbf;
    border-style: solid;
    border-width: 10px;
    content: " ";
    height: 0;
    right: -20px;
    position: absolute;
    top: 5px;
    width: 0;
}

.comment-meta {
    font-size: 11px;
    margin: 0 0 12px;
}
.comment-meta a {
    color: #888888;
}
span.says {
    display: none;
}
.comment-author {
    font-size: 14px;
	margin-top:-30px;
	text-decoration:none;
	font-variant:inherit;
	font-stretch:normal;
	text-decoration:none;
}
.avatar {
    background: url("../images/avatar-bg.png") repeat scroll 0 0 transparent;
    float: right;
    margin: 0px 0 20px 20px;
    padding: 8px;
}
/*ol.commentlist li:nth-child(1){ margin-top:10px}
ol.commentlist li:nth-child(odd) .avatar{ left:-120px; position:absolute; width:60px; height:60px;}
ol.commentlist li:nth-child(even) .avatar{ right:-100px; position:absolute; width:60px; height:60px; }
ol.commentlist li:nth-child(even) .comment-author { text-align: right;}
ol.commentlist li:nth-child(even) .comment-meta {text-align: right;}*/


ol.commentlist li:nth-child(1){ margin-top:10px}
ol.commentlist li.odd .avatar{ left:-120px; position:absolute; width:60px; height:60px;}
ol.commentlist li.even .avatar{ right:-100px; position:absolute; width:60px; height:60px; }
ol.commentlist li.even .comment-author { text-align: right;}
ol.commentlist li.even .comment-meta {text-align: right;}

div.reply {
    font-size: 11px;
}
div.reply a {
    background: none repeat scroll 0 0 #FFFFFF;
    color: #555555;
    padding: 2px 8px 3px;
}
.cancel-comment-reply a {
    display: none;
}
#respond {
    padding: 20px 0 34px 5px;
    width: 100%;
}
#author, #email, #url, #comment {
    background: url("../images/fields-bg.png") repeat scroll 0 0 transparent;
    border: medium none;
	
    color: #666;
    font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
    font-size: 12px;
    line-height: 18px;
    padding: 6px 10px;
}

#comment {
    width: 98%;
}
#comment .edit{}
#comment .edit a{color:#6fa300; font-weight:bold; line-height:32px; display:block; height:32px; overflow:hidden; float:left; padding-left:32px; margin-right:10px;}
#comment .edit a:hover{ text-decoration:underline;}
#comment .edit .save{ background: url(../images/icon_save_message.jpg) no-repeat left center;}
#comment .edit .delete{ background: url(../images/icon_delete_message.jpg) no-repeat left center;}



input#submit {
    background: none repeat scroll 0 0 #FFFFFF;
    border: medium none;
    color: #555555;
    cursor: pointer;
    float: left;
    font-family: Arial,Helvetica,Verdana,Geneva,sans-serif;
    font-size: 12px;
    font-weight: normal;
    margin: 0 0 25px;
    padding: 3px 10px;
    text-align: center;
}
#respond input, #respond textarea{border:1px solid #CCC;border-radius: 10px; }
#respond textarea{}









#meetingroom div.black { color: #FFF;padding: 5px 10px; background:#009ce8; }
#meetingroom ul.latest{ list-style:none; margin:0; padding:0; color:#6d6d6d; cell-space:20px; }
#meetingroom ul.latest li{ padding:10px 0 10px 0px; display:block; border-bottom:1px dotted #dddddd; position:relative; overflow:hidden;}
#meetingroom ul.latest li div.member{display:block; width:60px; float:left; margin:0 10px 0 0;}
#meetingroom ul.latest li div.member a.name{ color:#009ce8; font-weight:bold;}
#meetingroom ul.latest li div.post{  display:block; width:300px; float:left}
#meetingroom ul.latest li div.post h3{color: #666; margin:0; padding:0px;}
#meetingroom ul.latest li div.post .meta{  font-size:11px; color:#999; font-weight:normal; margin-left:10px;}
#meetingroom span.num {
    border-radius: 20px 20px 20px 20px;
    color: #666;
    font-size: 12px;
	font-weight:bold;
    line-height: 32px;
    margin: -6px 0 0;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 20px;
}
#meetingroom span.num.green {
	background:#dbe9be;
}
#meetingroom span.num.gray {
	background:#e3e3e3;
}




#downloaddoc div.black { color: #FFF;padding: 5px 10px; background:#009ce8; }
#downloaddoc ul.latest{ list-style:none; margin:0; padding:0; color:#6d6d6d; cell-space:20px; }
#downloaddoc ul.latest li{ padding:10px 0 10px 0px; display:block; border-bottom:1px dotted #dddddd; position:relative; overflow:hidden;}
#downloaddoc ul.latest li div.member{display:block; width:60px; float:left; margin:0 10px 0 0; padding:10px; border:1px solid #CCC;}
#downloaddoc ul.latest li div.member a.name{ color:#009ce8; font-weight:bold;}
#downloaddoc ul.latest li div.post{  display:block; width:60%; float:left; line-height:30px;}
#downloaddoc ul.latest li div.post h3{color: #009ce8; margin:0; padding:0px;}
#downloaddoc ul.latest li div.post strong{ width:100px; display: inline-block;}
#downloaddoc ul.latest li div.post .meta{  font-size:11px; color:#999; font-weight:normal; margin-left:10px;}
#downloaddoc span.num {
    color: #666;
    font-size: 12px;
	font-weight:bold;
    line-height: 32px;
    margin: -6px 0 0;
    min-height: 32px;
    min-width: 32px;
    padding: 4px;
    position: absolute;
    right: 10px;
    text-align: center;
    top: 30px;
}